<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Repute</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> </head>
<body>
    <nav>
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light zz">
                <a class="navbar-brand col-md-5 col-5 zz" href="#"><img src="images/logo_03.png" alt=""></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active"> <a class="nav-link" href="#"><span class="sr-only">(current)</span></a> </li>
                        <li class="nav-item dropdown ww"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          HOME
        </a> </li>
                        <li class="nav-item dropdown ww"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         FEATURES
        </a> </li>
                        <li class="nav-item dropdown ww"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         PAGES
        </a> </li>
                        <li class="nav-item dropdown ww"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         PORTFOLIO
        </a> </li>
                        <li class="nav-item dropdown ww"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          BLOG
        </a> </li>
                        <li class="nav-item dropdownm">
                            <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img class="aaa" src="./images/nav-right-logo_03.png" alt="">UPGRADE TO PRO </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </nav>
    <header>
<!--        <div class="container">-->
<!--            <div class="row">-->
                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active"> <img src="./images/bg.png" class="d-block w-100" alt="..."> </div>
                        <div class="carousel-item"> <img src="./images/bg.png" class="d-block w-100" alt="..."> </div>
                        <div class="carousel-item"> <img src="./images/bg.png" class="d-block w-100" alt="..."> </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a>
                    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="card"> <img src="./images/101_03.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <p class="card-text">STRONG STRUCTURE</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card"> <img src="./images/100_03.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <p class="card-text">GLOBAL SERVICES</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card"> <img src="./images/102_03.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <p class="card-text">DYNAMIC CHANGE</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card"> <img src="./images/103_03.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <p class="card-text">EXPONENTIAL GROWTH</p>
                            </div>
                        </div>
                    </div>
                </div>
<!--            </div>-->
<!--        </div>-->
    </header>
    <main>
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="ff">
                        <h3>KNOW BETTER</h3>
                        <h3>......</h3>
                        <p></p>
                        <p><a href="">Synergistically procrastinate one-to-one results for 
      accurate platforms.Assertively whiteboard corporate
      users whereas dynamic initiatives.</a></p>
                        <p><a href="">Energistically architect leading-edge users and imexpensive internal or"organic"sources.
      Distinctively evolove e-business resources after progressive intellectual capital.Objectively
      architect maintainable technologies via strategiv convergence.Continually optimize
      stand-alone expertise with e-business e-services.Continually conceptualize client0centered
      opportunities and</a></p>
                        <p><a href="">Dynarmically customize backward-compatible processes via front-end models.Distinctively
      evisculate an expanded array of scenarios after virtual information.Professionally
      predonminate techinically sound resources through impactful mindshare.Efficiently drive
      viral interfaces without inexpensive value.Credibly.</a></p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="fds"> <img src="./images/people.gif" alt=""> </div>
                </div>
                <div class="col-md-6">
                    <div class="xxx">
                        <div class="card">
                            <div class="row no-gutters">
                                <div class="col-md-1.5"> <img src="./images/main-zhong-yi_07.png" class="card-img" alt="..."> </div>
                                <div class="col-md-8">
                                    <div class="card-body">
                                        <h5 class="card-title">GOAL ORIENTED</h5>
                                        <p class="card-text">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predonminate ubiquitous outsourcing through an expanded array of functionalities.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="xxx">
                        <div class="card">
                            <div class="row no-gutters">
                                <div class="col-md-1.5"> <img src="./images/main-zhong-er_09.png" class="card-img" alt="..."> </div>
                                <div class="col-md-8">
                                    <div class="card-body">
                                        <h5 class="card-title">GLOBAL SERVICE</h5>
                                        <p class="card-text">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predonminate ubiquitous outsourcing through an expanded array of functionalities.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="xxx">
                        <div class="card">
                            <div class="row no-gutters">
                                <div class="col-md-1.5"> <img src="./images/main-zhong-san_10.png" class="card-img" alt="..."> </div>
                                <div class="col-md-8">
                                    <div class="card-body">
                                        <h5 class="card-title">DYNAMIC CHANGE</h5>
                                        <p class="card-text">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predonminate ubiquitous outsourcing through an expanded array of functionalities.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="xxx">
                        <div class="card">
                            <div class="row no-gutters">
                                <div class="col-md-1.5"> <img src="./images/main-zhong-si_14.png" class="card-img" alt="..."> </div>
                                <div class="col-md-8">
                                    <div class="card-body">
                                        <h5 class="card-title">PROFESSIONAL SUPPORT</h5>
                                        <p class="card-text">Holisticly harness just in time technologies via corporate scenarios.Intrinsicly predonminate ubiquitous outsourcing through an expanded array of functionalities.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4"> </div>
                <div class="col-md-4">
                    <div class="ga"> <img src="./images/tv.gif" alt=""> </div>
                </div>
                <div class="col-md-4"> </div>
                <div class="col-md-12">
                    <div class="fdas">
                        <h4>ULTRA RESPONSIVE</h4> <a href="">Phosfluorescently revolutionize viral leadership via turnkey techinology.Synergistivally monetize intermandatedstrategic theme areas through multimedia based.</a> </div>
                </div>
                <div class="col-md-12">
                    <div class="gfda"> <a href="">Responsive</a> <a href="">Easy to Customize</a> <a href="">Design</a> <a href="">Free Updates & Support</a> </div>
                </div>
                <div class="col-md-4">
                    <div class="hsdf">
                        <div class="card" style="width:100%">
                            <div class="card-body">
                                <p class="card-text">RECENT WORKS </p>
                                <p class="card-text"> ......</p> <img src="./images/bg1.gif" class="card-img-top" alt="..."> </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="hsdf">
                        <div class="card" style="width:100%;margin-top: 80px;
">
                            <div class="card-body"> <img src="./images/bg2.gif" class="card-img-top" style="height:180px;" alt="..."> </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="hsdf">
                        <div class="card" style="width:100%;margin-top: 10px;
">
                            <div class="card-body">
                                <button>See all works</button> <img src="./images/bg3.gif" class="card-img-top" style="height:180px;" alt="..."> </div>
                        </div>
                    </div>
                </div>
                <div class="had-xia">
                    <div class="container">
                        <h5>LATEST NEWS</h5>
                        <p>......</p>
                        <div class="neirongbufen">
                            <div class="row">
                                <div class="col-md-4 clearfix"> <img src="images/had-zhong-yi_12.png" alt="" class="ii1">
                                    <h5> In Demand:Collaboration Skill</h5>
                                    <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.Seamlessly predominate interoperable growth strategies.</p>
                                    <p>23-02-2015</p>
                                    <p class="ppp">65 Comments</p>
                                </div>
                                <div class="col-md-4 clearfix">
                                    <div class="neirongyi clearfix"> <img src="images/had-zhong-er_15.png" alt="">
                                        <div class="er clearfix">
                                            <h6>Growth Strateqies We Maust K... </h6>
                                            <p>Proactively engage orthogonal growth strategies without resource- leveling testing procedures.</p>
                                        </div>
                                    </div>
                                    <div class="neironger clearfix"> <img src="images/had-zhong-san_18.png" alt="">
                                        <div class="san clearfix">
                                            <h6>Products Research Methodolo... </h6>
                                            <p>Proactively engage orthogonal growth strategies without resource- leveling testing procedures.</p>
                                        </div>
                                    </div>
                                    <div class="neirongsan clearfix"> <img src="images/had-zhong-si_21.png" alt="">
                                        <div class="si clearfix">
                                            <h6>Professional Leverage</h6>
                                            <p>Proactively engage orthogonal growth strategies without resource- leveling testing procedures.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="neirongsi clearfix"> <img src="images/had-zhong-wu_18.png" alt="">
                                        <div class="wu clearfix">
                                            <h6>Professional Leverage</h6>
                                            <p>Proactively engage orthogonal growth strategies without resource- leveling testing procedures.</p>
                                        </div>
                                    </div>
                                    <div class="neirongwu clearfix"> <img src="images/had-zhong-si_21.png" alt="">
                                        <div class="wu clearfix">
                                            <h6>Professional Leverage</h6>
                                            <p>Proactively engage orthogonal growth strategies without resource- leveling testing procedures.</p>
                                        </div>
                                    </div>
                                    <div class="neirongliu"> <a href="">See all news→</a> </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
                        <div class="cxy">
<!--                    <div class="container">-->
                        <div class="row">
                            <div class="col-md-3 col-6">
                                <div class="hgas"> <img src="./img/had-xia-yi_30.png" alt="">
                                    <div class="jhgt1">
                                        <h4>5200</h4>
                                        <p>SUBSCRIBERS</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-6">
                                <div class="hgas"> <img src="./img/had-xia-er_32.png" alt="">
                                    <div class="jhgt2">
                                        <h4>273 </h4>
                                        <p>PROJECTS</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-6">
                                <div class="hgas"> <img src="./img/had-xia-san_35.png" alt="">
                                    <div class="jhgt3">
                                        <h4>640K</h4>
                                        <p>APPRECIATIONS</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-6">
                                <div class="hgas"> <img src="./img/had-xia-si_38.png" alt="">
                                    <div class="jhgt4">
                                        <h4>132</h4>
                                        <p>CLIENTS</p>
                                    </div>
                                </div>
                            </div>
                        </div>
<!--                    </div>-->
                </div>
    </main>
    <footer>
        <div class="fen">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h3>GET IN TOUCH</h3> </div>
                    <div class="col-md-6 text-right"> <span>Call us at(1800)765-4321 or</span>
                        <button type="button" class="btn btn-primary">CONTACT US</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-md-4"> <img src="images/footer-logo_03.png" alt="">
                        <p class="yiduan">Proacticely aggregate B2B initiatives before extensive channels. Monotonectally extend interactive methods of empowerment through excellent applications. Rapidiously synergize visionary products with sticky technology.</p> <span>1234 North Main Street</span>
                        <br> <span>New York, NY222222</span>
                        <br> <span>Phone:(1800)765-4321</span>
                        <br> <span>Email:email@yourdomain.come</span> </div>
                    <div class="col-md-4">
                        <div class="row">
                            <div class="col-md-6">
                                <h6>USEFUL LINKS</h6>
                                <p class="shu">About Us</p>
                                <p>News</p>
                                <p>Community</p>
                                <p>Career </p>
                                <p>Blog</p>
                            </div>
                            <div class="col-md-6">
                                <p class="te">Press Kit</p>
                                <p>FAQ</p>
                                <p>Terms </p>
                                <p>Privacy Policy</p>
                                <p>Contact US</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <h6 class="hh">NEWSLETTER</h6>
                        <p class="ll">Get the latest update from us by subscribing to our newsletter.</p>
                        <input type="text" placeholder="youremail@domain.com" id="demo"> <a href="" class="btn">SUBSCRIBE</a>
                        <h6 class="poo">GET CONNECTED</h6>
                        <a href=""><img src="images/footer-biaozhi1_07.png" alt=""></a>
                        <a href=""><img src="images/footer-biaozhi2_09.png" alt=""></a>
                        <a href=""><img src="images/footer-biaozhi3_11.png" alt=""></a>
                        <a href=""><img src="images/footer-biaozhi4_13.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="zui text-center">
                    <p>More Templates - Collect from</p>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>

</html>